1. Item Name : FarmHub - Agriculture Farming Next js Template
  2. Created: 28 October 2024
  3. Item Version : v 1.0.0
  4. Author : rk_theme
  5. Support Ticket: jamilrayhan100@gmail.com
  6. Skype: live:.cid.c92605d18467b63b

Introduction

FarmHub - Agriculture Farming Next js Template

For any support please don't hesitate to contact us at Support Center. We provide 13 hours real-time support for our customers.

We would like to thank you for choosing FarmHub..

Getting started

Introducing Farmhub – the ultimate Next JS template for showcasing your agricultural or organic business. Designed with a sleek and modern aesthetic, Farmhub effortlessly captures the essence of sustainable farming and food production.

Whether you’re a farmer, rancher, or organic food purveyor, this template provides the perfect platform to showcase your products, share your story, and connect with eco-conscious consumers. Boasting a wide range of customizable features, Farmhub allows you to highlight your farm’s history, display your organic certifications, and showcase mouthwatering food and product imagery.

With Farmhub, you’ll be able to seamlessly integrate your online presence, making it easy for customers to learn about your sustainable practices, browse your selection, and place orders directly through your site. Elevate your brand and inspire your audience with the authentic and visually stunning Farmhub template. Experience the power of a digital solution that truly reflects the heart and soul of your agricultural or organic business.

To ensure that it meets your demanding requirements, we have tested our Next js Template to make sure it adapts itself to any device in which your users are viewing it, whether be it a laptop, mobile, or tablet!

Requirements

There are system requirements in order to install and setup FarmHub template and its components properly. Make sure that you are installed node.js and Yarn.

For nodejs go here Nodjs

For yarn go here Yarn

Install Yarn

Template Features

  • React JS
  • NextJs 14.2.4 (“app” directory)
  • TypeScript
  • Based on Bootstrap 5.x
  • ReactJS without jQuery
  • Free Premium Quality Support
  • Logo Slider Integration
  • Google Fonts
  • 100% Responsive
  • Nice and Clean Design
  • Clean and commented code
  • Customizeable all components of each page
  • 03 Home Pages
  • 14+ Inner Pages
  • Blog Pages
  • Image background
  • Easy to customize
  • Flexible and multi-purpose
  • Valid / CSS3
  • 24/7 Awesome support
  • Detailed documentation

What's Included

After purchasing FarmHub template on themeforest.net with your Envato account, go to your Download page. You can choose to download FarmHub template package which contains the following files:

The contents of the template package downloaded from ThemeForest

  • FarmHub - A React Next js Template file. this file you can edit and use for your business.
  • Documentation - This folder contains what you are reading now :)

React Installation

Please follow the instructions in the video to see how you can install react on your hosting:

  1. For local host -
    1. Open you command prompt
    2. npm install or npm install --legacy-peer-deps
    3. npm run dev (will start the dev server at http://loaclhost:3000)


  1. For locally build -
    1. Open you command prompt
    2. Open package.json file and edit scripts > build replace this "build": "next build && next export",
    3. yarn build (will build locally and generate out folder in root directory)
    4. yarn start (will start the locally build server at http://loaclhost:3000)
  2. Deploying to Vercel - https://www.youtube.com/watch?v=_8wkKL0LKks


Other Scripts
  1. Open you command prompt
  2. yarn lint:fix (This will format your code and fix auto fixable eslint error)

Basic Site Settings

Change Site Title, Favicon and Page Title

To change your Site title and Favicon open the FarmHub in your editor and go to the location by following screenshot which are given bellow.

3.1.1
You can change title here
3.1.1
You can change page title here

Customize Menu

To customize menu do the following:

  1. From the project folder go to data menu_data
  2. Then customize the menu
3.1.1
Customize the menu